<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8' />
    <title>初识Vue</title>
    <style>
     [v-clock]{
         display: none;
     }
    </style>
    <!-- 
				v-cloak指令（没有值）：
						1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性。
						2.使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。
		-->
    <script type='text/javascript' src='../js/vue.js'></script>
</head>

<body>
    <div id='root'>
        <h2 v-clock>{{name}}</h2>
    </div>
    <script type='text/javascript'>
        Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
        //创建Vue实例
        new Vue({
            el: '#root',
            data: {
                name:"123456"
            }
        })
    
    </script>
</body>

</html>